$(function () {
    getCookie("goods", 1)
    console.log(getCookie("goods", 1))
    $.ajax("../js/list.json")
        .then(function (res) {
            var aCookie = JSON.parse(getCookie("goods", 1))
            var html = "";

            var input = $(".inp").val()
            for (var i = 0; i < aCookie.length; i++) {

                console.log(aCookie[i].id)
                var num = aCookie[i].num
                id = aCookie[i].id
                // var price=res[id].price;



                html = `

                  
                    <img src="../${res[aCookie[i].id].img}">
                     

                    `}
            $(".obox1-1").html(html)


        })

    var num = 1;
    $("#top").on("click", function () {
        ++num
        $("#text").val(num)
    })
    $("#bottom").on("click", function () {
        if ($("#text").val() != 1) {
            --num
            $("#text").val(num)
        } else {
            return false
        }
    })
    $(".ox4").on("mouseover", "#dress", function () {
        $("#ocrads").show()
        console.log(1)
    })
    $("#dress").on("mouseout", function () {
        $(".dress .crad").css({
            display: "none"
        })
        console.log(2)
    })
    // var imgs=$(".obox1-2 ul li img")
    // var imgg=$(".obox1-1 img")
    // console.log(imgg)
    // for(var i=0;i<imgs.length;i++){
    //     console.log(imgs.length)
    //    $( imgs).eq(i).on("mouseover",function(){
    //         var a =$(this).data("src")
    //         $(".obox1-1 img").attr("src",a)
    //         console.log(imgs.eq(i))
    //     })
    // }
    $(".obox1-2 ul li img").mouseover(function () {
        var Nowsrc = $(this).data("bigimg")
        $(".obox1-1 img").attr("src", Nowsrc)
    })


    $(window).on("scroll", function () {
        if ($(window).scrollTop() > 998 && $(window).scrollTop() < 9300) {
            $(".fud").css({
                display: "block"
            })
            $(".gou").css({
                display: "block"
            })

        } else {
            $(".fud").css({
                display: "none"
            })
            $(".gou").css({
                display: "none"
            })
        }
    })

    $(".fud li").on("click", function () {
        console.log($(this).index())
        $(".fud span").animate({
            top: 2 * 20 * $(this).index() - 15
        })
        $("html,body").animate({
            scrollTop: 2 * 998 * $(this).index() - 950
        }, "slow")

    })

    $(".ogou").children().css({
        float: "left",
        display: "block",
        height: "40px"
    })
    $(".ogou span").eq(0).css({

        fontSize: "12px",
        color: "#cecece",
        marginRight: "30px"
    })
    $(".ogou span").eq(1).css({
        fontWeight: "bolder",
        fontSize: "15px",
        color: "red",
        marginRight: "30px"
    })


    $(".ogou span").eq(2).css({
        float: "right",
        fontSize: "12px",
        color: "#cecece",
        marginRight: "30px"
    })
    $(".ogou input").css({
        float: "right",
        height: "40px",
        width: "100px",
        background: "red",
        border: "none",
        marginTop: "10px",
        color: "#fff"
    })
    $("#buy").on("click", function () {
        window.location.href = "../ht/car.html"
    })
    $("#car").on("click", function () {
        window.location.href = "../ht/car.html"
    })
    $(".ox4").on("click", function () {
        $("#ocards").css({ display: "block" })
    })
// 引用json
    ajaxGet("../js/quanguo.json", function (res) {
        var json = eval(res)
        // 省划入效果
        $(".sheng1").on("mouseover", function () {
            var shengshi = "";
            $(".dre1").css({
                display: "block"
            }).siblings().css({
                display: "none"
            })
            $(".dre1").html(shengshi)
            for (var i = 0; i < json.length; i++) {
                shengshi += `<li> ${json[i].name}</li>`

            }
            $(".dre1").html(shengshi)
            // 省电机效果
            $(".dre1").on("click", "li", function () {
                var xb = $(this).index()
                $(".sheng").html(json[xb].name)
                var city = json[xb].city
                console.log(city)
// 市区划入
                $(".shi1").on("mouseover", function () {
                    var deard = "";
                    $(".dre2").css({
                        display: "block"
                    }).siblings().css({
                        display: "none"
                    })
                    console.log(1)
                    $(".dre2").html(deard)
                    for (var x = 0; x < city.length; x++) {
                        deard += `<li> ${city[x].name}</li>`
                    }
                    $(".dre2").html(deard)
                    // 市区电机
                    $(".dre2").on("click", "li", function () {
                        var cityn = $(this).index()
                        $(".shi").html($(this).text())
                        var ctn = city[cityn].area;
                        console.log(ctn)
                        // 区划过
                        $(".qu1").on("mouseover", function () {
                            var quen = "";
                            $(".dre3").css({
                                display: "block"
                            }).siblings().css({
                                display: "none"
                            })
                            console.log(1)
                            $(".dre3").html(quen)
                            for (var q = 0; q < ctn.length; q++) {
                                quen += `<li> ${ctn[q]}</li>`
                            }
                            $(".dre3").html(quen)
                            $(".dre3").on("click", "li", function () {
                            
                                $(".zhen").html($(this).text())})
                        })
                    })
                })

            })


        })

    })


})